<template>
	<h3>学习事件对象</h3>
	<h4>1.通过事件方法的参数获取事件对象</h4>
	<button @click="greet">通过事件方法的参数获取事件对象</button>
	<p @click="greet">点击</p>
	<h4>2.通过$event获取事件对象</h4>
	<button @click="change($event)">通过$event获取事件对象</button>
</template>

<script setup>
	//定义函数（事件处理器）
	const greet=event=>{
		//这里参数event就是事件对象
		console.log(event);
	}
	
	const change=event=>{
		//这里参数event就是事件对象
		console.log(event);
		event.target.style.border='3px dotted'

	}
</script>

<style>
</style>